import { memo } from 'react'
import type { FC } from 'react'
import { Form, Input, } from 'antd'
import { Editor } from '../education/edit'

interface IndexProps {
  displayName: string
}
const Index: FC<IndexProps> = ({ displayName }) => {
  return <>
    <div style={{ margin: '10px 10px 20px', fontWeight: 'bold', fontSize: '16px' }}>{displayName}</div>
    <Form.Item name={'description'} >
      <Editor />
    </Form.Item>
    <Form.Item name={'description'} hidden>
      <Input />
    </Form.Item>
  </>
}

export default memo(Index)
